.spot-main {
  display: flex;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  padding-top: 0.125rem;
  background: white;
  padding-bottom: 0.3rem;
  margin-bottom: .1rem;
  padding: 0.125rem 0.125rem 0.3rem 0.125rem;
  .left {
    width: 2.5469rem;
    .img {
      width: 100%;
      height: 2.8906rem;
      display: flex;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }

  .right {
    display: flex;
    flex-direction: column;
    margin-left: 0.1042rem;
    flex: 1;
    .top {
      display: flex;
      width: 100%;
      .tag {
        padding: 0.026rem 0.0833rem;
        color: white;
        font-size: 0.0833rem;
        background: linear-gradient(180deg, #f93d21, #ffa844 100%);
      }
      .title {
        flex: 1;
        font-size: 0.125rem;
        font-weight: 600;
        margin-left: 0.0625rem;
      }
    }

    .second {
      display: flex;
      margin-top: 0.0885rem;
      .part {
        margin-right: 0.1458rem;
        display: flex;
        align-items: center;
        color: #8f8f8f;
        font-size: 0.0833rem;
        img {
          width: 0.0833rem;
          height: 0.0833rem;
          margin-right: 0.0208rem;
        }
      }
    }

    .third {
      display: flex;
      align-items: center;
      background: #f9f9f9;
      height: 0.3802rem;
      padding-left: 0.1042rem;
      margin-top: 0.1458rem;
      .third-left {
        font-size: 0.0938rem;
        // font-weight: bold;
      }
      .third-right {
        flex: 1;
        display: flex;
        justify-content: center;
        margin-left: 0.7135rem;
        .third-right-part {
          display: flex;
          flex-direction: column;
          flex: 1;
          align-items: center;
          font-size: 0.0833rem;
          span:nth-child(1) {
            color: #f73f11;
            font-size: 0.1042rem;
            font-weight: bold;
          }
          span:nth-child(2) {
            color: #2d2d2d;
            font-size: 0.0833rem;
            margin-top: 0.026rem;
          }
        }
      }
    }

    .four {
      display: flex;
      font-size: 0.0938rem;
      margin-top: 0.1rem;
      align-items: center;
      .four-left {
        // font-weight: bold;
        color: #8f8f8f;
      }
      .four-right {
        margin-left: 0.1875rem;
        height: 0.1875rem;
        width: 1.0156rem;
      }
    }

    .five {
      display: flex;
      font-size: 0.0938rem;
      margin-top: 0.2083rem;

      .five-right {
        color: #2d2d2d;
        // font-weight: bold;
      }
    }

    .six {
      display: flex;
      align-items: center;
      font-size: 0.0938rem;
      margin-top: 0.1458rem;
      .six-right {
        display: flex;
        align-items: center;
      }
    }

    .senven {
      display: flex;
      //   align-items: center;
      font-size: 0.0938rem;
      margin-top: 0.1458rem;
      .senven-left {
        margin-top: 0.1rem;
      }
      .senven-right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: 1;

        .senven-right-part {
          display: flex;
          align-items: center;
          padding: 0.0313rem;
          border: 1px solid #e5e7ed;
          margin-right: 0.1042rem;
          margin-bottom: 0.1042rem;
        }
        .senven-right-img {
          width: 0.2708rem;
          height: 0.2552rem;
          display: flex;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .title {
          font-size: 0.0781rem;
          margin-left: .05rem;
        }
      }
    }

    .eight {
      display: flex;
      margin-top: 0.1094rem;
      .eight-right {
        display: flex;
        flex-direction: column;
        flex: 1;
        background: #f9f9f9;
        border: 1px solid #e5e7ed;

        .eight-line {
          height: 0.2552rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 0.0833rem;
          padding-left: 0.125rem;
          padding-right: 0.125rem;
          .title {
            color: #2d2d2d;
            flex: 1;
          }

          .center{
            flex: 1;
            margin-left: .1rem;
            margin-right: .1rem;
            .text:nth-child(1){
                color: #2D2D2D;
                margin-right: .2865rem;
            }  
            .text:nth-child(2){
                color: #8F8F8F;
            }  
          }
          .counter {
            width: 0.6771rem;
            display: flex;
          }
        }
      }
    }

    .buttons{
        display: flex;
        align-items: center;
        margin-top: .301rem;
        .button{
            width: .9844rem;
            height: .2813rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
        }

        .button:nth-child(1){
            background:#c71d32;
            color: white;
            border: 1px solid #c71d32;

        }

        .button:nth-child(2){
            background:white;
            color: #c71d32;
            border: 1px solid #c71d32;
            margin-left: .0729rem;
        }

        .small{
            font-size: .0833rem;
            margin-left: .125rem;
            color: #696969;
            display: flex;
            align-items: center;
            img{
                width: .0938rem;
                height: .0938rem;
            }
            span{
                margin-left: .0469rem;
            }
        }
    }

  }
}
.distpicker {
  height: 0.1875rem;
  margin-left: 0.05rem;
  margin-right: 0.05rem;
}

:deep(.distpicker *) {
  font-size: 0.08rem;
}
:deep(.distpicker-address-wrapper select) {
  padding: 0;
  border-radius: 0.02rem;
  height: 100%;
  outline: none;
}

:deep(.distpicker-address-wrapper label:nth-child(2) select) {
  width: 100px;
  margin-left: 0.1rem;
}

.dir {
  width: 100%;
  border-bottom: 1px solid #e7ebee;
  margin-top: 0.1198rem;
}

.text-blod {
//   font-weight: bold;
}

.left-text {
  color: #8f8f8f;
  margin-right: 0.1875rem;
  font-size: 0.0938rem;
}

.text-gray {
  color: #8f8f8f;
}
.text-gray-light {
  color: #e5e7ed;
}

.font-light {
  font-weight: 400;
}
